<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>班级网站 - 公告板</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>
    <header>
        <h1>班级网站</h1>
        <nav>
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="announcements.html">公告板</a></li>
                <li><a href="resources.html">资料库</a></li>
                <li><a href="calendar.html">日历</a></li>
                <li><a href="discussion.html">讨论区</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section>
            <h2>最新公告</h2>
            <article>
                <h3><a href="announcement1.html">关于期末考试的通知</a></h3>
                <p>各位同学，期末考试将于2024年6月20日至25日举行，请大家提前做好准备...</p>
            </article>
            <article>
                <h3><a href="announcement2.html">下周将有特别讲座</a></h3>
                <p>邀请到了行业专家为我们讲解最新的技术趋势，时间是2024年5月15日下午2点...</p>
            </article>
            <!-- 新增公告 -->
            <article>
                <h3><a href="announcement3.html">学校运动会通知</a></h3>
                <p>学校的年度运动会将于2024年4月28日举行，欢迎同学们踊跃参加...</p>
            </article>
            <article>
                <h3><a href="announcement4.html">暑假作业安排</a></h3>
                <p>暑假即将来临，以下是暑假作业的具体安排和要求...</p>
            </article>
        </section>
    </main>

    <footer>
        <p>&copy; 2024 我们的班级. 版权所有.</p>
    </footer>
</body>
</html>